﻿<div id="dmhModalMask" class="dmh-"></div>
<div id="dmhFirstTimeView" class="dmh- dmhDialog">
	<div>
		<div id="dmhShowDocumentationButton" title="View full documentation">
			<svg version="1.1" id="dmhDocumentationIcon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px"
				 height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
			<g id="_x38_7">
			<g>
			<path d="M12.03,21.967c-1.318,0-1.318,2.047,0,2.047c5.249,0,10.497,0,15.746,0c1.319,0,1.319-2.047,0-2.047
												C22.527,21.967,17.279,21.967,12.03,21.967z"></path>
			<path d="M27.776,26.808c-5.249,0-10.497,0-15.746,0c-1.318,0-1.318,2.045,0,2.045c5.249,0,10.497,0,15.746,0
												C29.096,28.853,29.096,26.808,27.776,26.808z"></path>
			<path d="M27.776,31.291c-5.249,0-10.497,0-15.746,0c-1.318,0-1.318,2.045,0,2.045c5.249,0,10.497,0,15.746,0
												C29.096,33.336,29.096,31.291,27.776,31.291z"></path>
			<path d="M27.776,36.131c-5.249,0-10.497,0-15.746,0c-1.318,0-1.318,2.044,0,2.044c5.249,0,10.497,0,15.746,0
												C29.096,38.175,29.096,36.131,27.776,36.131z"></path>
			<path d="M27.474,40.698c-5.25,0-10.5,0-15.748,0c-1.317,0-1.317,2.045,0,2.045c5.248,0,10.498,0,15.748,0
												C28.791,42.743,28.791,40.698,27.474,40.698z"></path>
			<path d="M5.203,11.496v38.179h29.401V16.793l-5.463-5.297H5.203z M32.062,47.133H7.746V14.038h20.086v4.033h4.229V47.133z"></path>
			<polygon points="10.173,5.646 10.173,10.065 12.716,10.065 12.716,8.187 32.803,8.187 32.803,12.22 37.032,12.22 37.032,41.282
												35.915,41.282 35.915,43.824 39.574,43.824 39.574,10.942 34.111,5.646 		"></polygon>
			<polygon points="39.334,0.325 15.396,0.325 15.396,4.745 17.938,4.745 17.938,2.867 38.025,2.867 38.025,6.9 42.255,6.9
												42.255,35.962 41.139,35.962 41.139,38.504 44.798,38.504 44.798,5.622 		"></polygon>
					</g>
				</g>
			</svg>
		</div>
		<div class="dmhDialogTitle"></div>
	</div>
	<div class="dmhDialogContent">
		<div id="dmhFirstTimeViewContent"></div>
		<div id="dmhFirstTimeViewBullets"></div>
		<div class="dmhButtonBar">
			<div id="dmhHideHelpButton" class="dmhButton" title="Do not show this help next time">Got it</div>
			<div id="dmhCloseHelpButton" class="dmhButton" title="Show this help when I come back to the page">Remind me later</div>
		</div>
	</div>
	<!--
		The id template is removed from cloned elements before being attached to the DOM
		Otherwise, the class is used for styling.
	-->
	<div id="dmhBulletViewTemplate" class="dmhBulletView">
		<div class="dmhBullet">
			<svg version="1.1" class="dmhBulletImage" xmlns="http://www.w3.org/2000/svg"
				 xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
				 viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
			<circle cx="25" cy="25" r="24"></circle>
			</svg>
			<div class="dmhBulletNumber"></div>
		</div>
		<div class="dmhBulletViewTextContainer">
			<div class="dmhBulletViewText"></div>
		</div>
		<!--
			The placed bullet is included in the template so that the bullet numbers
			may be synced before the placed bullet is relocated to the page.
		-->
		<div class="dmh- dmhPlacedBullet">
			<div class="dmhPlacedBulletNumber"></div>
		</div>
	</div>
</div>